<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$model/UI2/system/components/justep/window/window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __justepbasexid__="__baseID__" components="$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/windowDialog/windowDialog,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/controlGroup/controlGroup,$model/UI2/system/components/justep/popMenu/popMenu,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/menu/menu,">  
  <div xmlns="" component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full" xid="panel1" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}"> 
    <div class="x-panel-top" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar1" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;popMenu&quot;}"> 
        <div class="x-titlebar-left" xid="div1"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:closeWin" data-config="{&quot;icon&quot;:&quot;icon-chevron-left&quot;}"> 
            <i xid="i1" class="icon-chevron-left"/>  
            <span xid="span1"/> 
          </a> 
        </div>  
        <div class="x-titlebar-title" xid="div2">popMenu</div>  
        <div class="x-titlebar-right " xid="div3"> 
          <div class="empty"/>  
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button6" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:show" data-config="{&quot;label&quot;:&quot;click me&quot;}"> 
            <i xid="i6"/>  
            <span xid="span6">click me</span> 
          </a> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content" xid="content1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <div component="$model/UI2/system/components/justep/controlGroup/controlGroup" class="x-control-group" xid="controlGroup1" data-bind="component:{name:'$model/UI2/system/components/justep/controlGroup/controlGroup'}" data-config="{&quot;title&quot;:&quot;title&quot;}"> 
        <h3 style="height:48px;vertical-align: middle;padding: 8px;display: inline-block;">popMenu</h3>  
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:showJsSource" data-config="{&quot;label&quot;:&quot;js&quot;}"> 
          <i/>  
          <span>js</span> 
        </a>  
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'},visible:isVisible" data-events="onClick:showPopMenuSource" data-config="{&quot;label&quot;:&quot;源码&quot;}"> 
          <i/>  
          <span>源码</span> 
        </a>  
        <p>1、菜单组件，用来存放菜单选项，页面不可视，结合可视组件使用</p>  
        <p>2、点击右上角按钮，取消点击其他地方即可</p> 
      </div>  
      <div class="x-panel-bottom" xid="bottom1"/> 
    </div>  
    <div id="aler"/>  
    <span component="$model/UI2/system/components/justep/windowDialog/windowDialog" xid="windowDialog" data-bind="component:{name:'$model/UI2/system/components/justep/windowDialog/windowDialog'}" data-config="{&quot;src&quot;:&quot;$model/UI2/system/components/justep/common/demo/dialog.w&quot;}"> 
      <div xmlns:xhtml="http://www.w3.org/1999/xhtml" class="x-dialog-overlay"></div>  
      <div xmlns:xhtml="http://www.w3.org/1999/xhtml" class="x-dialog">  
        <div class="x-dialog-title"> 
          <button class="close"> 
            <span>×</span> 
          </button>  
          <div class="x-dialog-title-text"/> 
        </div>  
        <div class="x-dialog-body"/> 
      </div> 
    </span>  
    <div component="$model/UI2/system/components/justep/popMenu/popMenu" class="x-popMenu" xid="popMenu" data-bind="component:{name:'$model/UI2/system/components/justep/popMenu/popMenu'}" data-config="{&quot;anchor&quot;:&quot;button6&quot;,&quot;dismissible&quot;:true,&quot;opacity&quot;:0.1}"> 
      <div class="x-popMenu-overlay" xid="div4"/>  
      <ul component="$model/UI2/system/components/justep/menu/menu" class="x-menu dropdown-menu x-popMenu-content" xid="menu1" data-bind="component:{name:'$model/UI2/system/components/justep/menu/menu'}"> 
        <li class="x-menu-item" xid="item1"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button2" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:click" data-config="{&quot;icon&quot;:&quot;icon-android-earth&quot;,&quot;label&quot;:&quot;button1&quot;}"> 
            <i xid="i2" class="icon-android-earth"/>  
            <span xid="span2">button1</span> 
          </a> 
        </li>  
        <li class="x-menu-item" xid="item3"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button4" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&quot;icon&quot;:&quot;icon-ios7-calendar-outline&quot;,&quot;label&quot;:&quot;button2&quot;}"> 
            <i xid="i4" class="icon-ios7-calendar-outline"/>  
            <span xid="span4">button2</span> 
          </a> 
        </li>  
        <li class="x-menu-divider divider" xid="divider1"/>  
        <li class="x-menu-item" xid="item2"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button3" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&quot;label&quot;:&quot;button3&quot;}"> 
            <i xid="i3"/>  
            <span xid="span3">button3</span> 
          </a> 
        </li>  
        <li class="x-menu-item" xid="item4"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button5" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&quot;icon&quot;:&quot;icon-android-contact&quot;,&quot;label&quot;:&quot;联系人&quot;}"> 
            <i xid="i5" class="icon-android-contact"/>  
            <span xid="span5">联系人</span> 
          </a> 
        </li>  
        <li class="x-menu-item" xid="item5"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button7" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&quot;icon&quot;:&quot;icon-android-calendar&quot;,&quot;label&quot;:&quot;日历&quot;}"> 
            <i xid="i7" class="icon-android-calendar"/>  
            <span xid="span7">日历</span> 
          </a> 
        </li>  
        <li class="x-menu-item" xid="item6"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button8" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&quot;icon&quot;:&quot;icon-chatbubble-working&quot;,&quot;label&quot;:&quot;消息&quot;}"> 
            <i xid="i8" class="icon-chatbubble-working"/>  
            <span xid="span8">消息</span> 
          </a> 
        </li> 
      </ul> 
    </div> 
  </div> 
</div>
